<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>会员权益</title>
    <link href="./weui/weui.css" rel="stylesheet">
	<link href="./weui/weui2.css" rel="stylesheet">
    <script src="./weui/zepto.min.js"></script>
    <style>
        html{font-size:75px;}
        .userquanyi{background:#02c2b5;height:initial;}               
        .ufooter{position:absolute;width:100%;bottom:30px;text-align: center;color:#ffffff;font-size:.34rem;}
        .ucontent{margin:1rem auto 0;width:94%;background:#ffffff;border-radius: .2rem;overflow: hidden;display: block;}
        .qyinfo{text-align:center;margin-top:1rem;}
        .qyinfo strong{font-size:1rem;color:#ff0000;font-weight: normal;}
        .qyinfo p{font-size:.45rem;color:#999;}
        .qyinfo a{color:#ffffff;background:#f00001;width:6rem;height:1.4rem;line-height:1.4rem;border-radius: .7rem;display: inline-block;text-align: center;
        font-size:.5rem;margin-top:1rem;}
        .syxz{font-size:.4rem;margin:1rem .5rem;color:#999;}
        .syxz dt{font-size:.45rem;}

        .tagtlink{width:100%;position:relative;border-top:dashed 1px #f5f5f5;line-height: initial;margin-top:2rem;}
        .tagtlink::after,.tagtlink::before{position:absolute;width:16px;height:16px;top:-8px;left:-8px;border-radius: 8px;background:#02c2b5;display: block;content: "";}
        .tagtlink::before{right:-8px;left:initial;}
        .tagtlink a{font-size:.45rem;color:#999999;line-height:1.2rem;text-indent: .4rem;position:relative;width:100%;display: inline-block;}
        .tagtlink span{position:absolute;right:.2rem;top:0rem;}
        .tagtlink a:active{background:#fdfdfd;}
        @media screen and (max-width: 640px) {
			html{font-size:64px;}
		}
		@media screen and (max-width: 414px) {
			html{font-size:41px;}
		}
		@media screen and (max-width: 375px) {
			html{font-size:37px;}
		}
		@media screen and (max-width: 320px) {
			html{font-size:32px;}
		} 
    </style>
</head>
<body class="userquanyi">
    <div class="ucontent">
        <div class="qyinfo">
            <strong>20302.00</strong>
            <p>累计赠送合计可用</p>
            <a href="">立即使用</a>
        </div>
        <dl class="syxz">
            <dt>使用须知：</dt>
            <dd>1.本权益不可提现，使用前请提前预约；</dd>
            <dd>2.更多内容请见活动说明或联系专属管家；</dd>
        </dl>
        <div class="tagtlink">
            <a href="">记录明细
                <span><img src="./weui/images/linktag.png" alt=""></span>
            </a>
        </div>
    </div>
    <footer class="ufooter">
        <p>集优集团&nbsp;版权所有</p>
        <p>Copyright &copy; 2017-2020 lejula-All Rights Reserved</p>
    </footer>
</body>
</html>